<template>
    <div>
        <div style="height:0.9rem;"></div>
        <ImgDrawer :imgUrl="imgUrl"></ImgDrawer>
        <div class="item-box" v-for='(item,index) in list' :key='index'>
            <div class="branch-item border flex flex-align-center">
                <img :src="item.images" alt="">
                <div class="item-box-cont">
                    <p class="name">{{item.title}}</p>
                    <p class="address">{{item.add}}</p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import ImgDrawer from '@/components/aboutus/ImgDrawer'
export default {
    data () {
        return {
            imgUrl:'',
            list:'',
        }
    },
    components:{
        ImgDrawer
    },
    created () {
         this.$store.commit('setTitle',"分支机构");
         this.apiBranch();
    },

    methods: {
        // 分支机构
         async apiBranch(){
                let {data} = await this.https.get(this.api.apiBranch);
                this.imgUrl = data.img;
                this.list = data.content;
            },
    }
}
</script>
<style lang="less" scoped>
@import url(../assets/css/branch/branch.less);
</style>
